// 引入清除默认样式
@import "./reset.less";

.container_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  .scroll_container {
    flex: 1;
    overflow-y: auto;
  }
}

.data_filter_box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* 
  echarts 数据视图样式
*/
.chart_table {
  height: 100%;
  font-size: 14px;
  border-color: @default;
  box-sizing: border-box;
  line-height: 32px;
  thead {
    display: block;
    background-color: #088692;
    height: 32px;
  }
  tr {
    height: 32px;
    cursor: pointer;
    display: flex;

    &:hover {
      background-color: #3c828857;
    }
  }
  td {
    flex: 1;
  }
  tbody {
    display: block;
    width: 100%;
    height: calc(100% - 32px);
    overflow-y: auto;
  }
  tbody::-webkit-scrollbar {
    width: 0;
  }
}

/* 
  修改滚动条样式
*/
::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #b6b5b5;
  border-radius: 8px;
}
